<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/common/footer.css" type="text/css">
    <title>Document</title>
</head>
<body>
     <!-- 第四层 -->
     <div id="forth">
        <!-- 左边 -->
        <div id="forth-left">
            <h5 style="color: #999">闲时网客服热线</h5>
            <p id="forth-left-p">400-180-8321</p>
            <p style="color: #ddd;font-size: 12px">每天09: 00~21: 00</p>
        </div>
        <!-- 中间 -->
        <div id="forth-middle">
            <ul>
                <li >闲时网
                    <ul>
                        <li style="margin-top: 20px"><a href="#">关于我们</a></li>
                        <li style="margin-top: 12px"><a href="#">联系我们</a></li>
                        <li style="margin-top: 12px"><a href="#">加入我们</a></li>
                    </ul>
                </li>
            </ul>
            <ul>
                <li >帮助中心
                    <ul>
                        <li style="margin-top: 20px"><a href="#">交易规则</a></li>
                        <li style="margin-top: 12px"><a href="#">法律声明</a></li>
                        <li style="margin-top: 12px"><a href="#">常见问题</a></li>
                    </ul>
                </li>
            </ul>
            <ul>
                <li>我是需求方
                    <ul>
                        <li style="margin-top: 20px"><a href="#">发布需求</a></li>
                        <li style="margin-top: 12px"><a href="#">要选服务对象</a></li>
                        <li style="margin-top: 12px"><a href="#">需求方入门</a></li>
                    </ul>
                </li>
            </ul>
            <ul>
                <li>我是服务方
                    <ul>
                        <li style="margin-top: 20px"><a href="#">服务方入驻</a></li>
                        <li style="margin-top: 12px"><a href="#">浏览全部需求</a></li>
                        <li style="margin-top: 12px"><a href="#">服务方入门</a></li>
                    </ul>
                </li>
            </ul>
        </div>

        <!-- 右边  -->
        <div id="forth-right">
            <p style="margin-top: 30px;color: #ccc;font-size: 14px; ">联系关注我们</p>
            <p style="margin-top: 20px"><a href="#"><img src="../imgs/QQ图片20190913162259.png" alt="图片加载失败!"></a>
                <a href="#"><img src="../imgs/QQ图片20190913162435.png" alt="图片加载失败!"></a>
                <a href="#"><img src="../imgs/QQ图片20190913162519.png" alt="图片加载失败!"></a>
                <a href="#"><img src="../imgs/QQ图片20190913162606.png" alt="图片加载失败!"></a>
            </p>
        </div>
    </div>
</body>
</html>